<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:c="http://java.sun.com/jsp/jstl/core">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title><ui:insert name="title">KSC University</ui:insert></title>
        <h:outputStylesheet name="css/mainStyle.css"/>
        <h:outputStylesheet name="css/bannerStyle.css"/>
        <h:outputStylesheet name="css/jsfcrud.css"/> <!-- css: menu left-->
        <h:outputScript name="js/jquery-1.7.1.js"/>
        <h:outputScript name="js/jquery.ui.core.js"/>
        <h:outputScript name="js/jquery.ui.widget.js"/>
        <h:outputScript name="js/jquery.ui.rcarousel.js"/>
        <h:outputScript name="js/script.js"/>


    </h:head>

    <h:body style="background-color: #FFF">
        <div id="wrapper">
            <div id="header"><!-- TemplateBeginEditable name="WelcomeMessage" -->
                <div id="siteWelMss">
                    <p class="siteWel">Welcome, Guest</p>
                    <p class="siteWel"><a href="">(Login)</a> | <a href="event/List.jsf">(Register)</a></p>
                </div>
                <!-- TemplateEndEditable -->
            </div>
            <div id="navMenu">
                <!-- <div id="prenavMenu"></div> -->
                <div class="navMenuSep"></div>
                <div class="navMenuItems"><a href="">HOME</a></div>
                <div class="navMenuSep"></div>
                <div class="navMenuItems"><a href="">EVENTS</a></div>
                <div class="navMenuSep"></div>
                <div class="navMenuItems"><a href="">MY ACCOUNT</a></div>
                <div class="navMenuSep"></div>
                <div class="navMenuItems"><a href="">ABOUT US</a></div>
                <div class="navMenuSep"></div>
                <div class="navMenuItems"><a href="">CONTACT US</a></div>
                <div class="navMenuSep"></div>
                <div class="navMenuItems"><a href="">FAQ</a></div>
                <div class="navMenuSep"></div>
                <div class="navMenuItems"><a href="">SITEMAP</a></div>
                <!-- <div class="navMenuSep"></div> -->
            </div>

            <!--
              <div id="slid">
                  <div class="slid_lr">
                      <img src="#{facesContext.externalContext.request.contextPath}/resources/image/leftSlider.png" alt="" width="44" height="422"/>
                  </div>
                  <div id="slidCov">
                    <div id="slid_top"></div>
                      <div id="slid_main">
                        <div id="container">
                                    <div id="carousel">
                                        <c:forEach items="#{eventController.topFreeNews}" var="fr">
                                            <div id="slide01" class="slide">
                                            <img src="#{facesContext.externalContext.request.contextPath}/resources/image/${fr.imageurl}" />
                                            <div class="text">
                                                <h1>${fr.topic}</h1>
                                                <div class="bntxt">Speaker: ${fr.speakerID.person.firstName}</div>
                                                <div class="bntxt"><span class="redcl">Free</span></div>
                                                <div id="bnMorehere"><a href="">More here...</a></div>
                                                <div id="bnMorehere"><a href="">More free event here...</a></div>
                                            </div>
                                        </div>
                                        </c:forEach>
                                             
                                    </div>
                                    <a href="#" id="ui-carousel-next"><span>next</span></a>
                                    <a href="#" name="ui-carousel-prev" id="ui-carousel-prev"><span>prev</span></a>
                                    <div id="pages"></div>
                        </div>
                    </div>
                    <div id="slid_bot1"></div>
                    <div id="slid_bot2"></div>
                  </div>
                 
                <div class="slid_lr">
                     <img src="#{facesContext.externalContext.request.contextPath}/resources/image/rightSlider.png" alt="" width="44" height="422"  />
                </div>    
              </div>
            -->

            <div style="width: 240px; float: left;">
                <!--  <ui:include src="index.xhtml"/> -->
                <br/>
                Admin Panel
                <h:form>
                    <h:commandLink action="/account/List" value="Show All Account Items"/>
                </h:form>
                <h:form>
                    <h:commandLink action="/cardType/List" value="Show All CardType Items"/>
                </h:form>
                <h:form>
                    <h:commandLink action="/category/List" value="Show All Category Items"/>
                </h:form>
                <h:form>
                    <h:commandLink action="/emailSubcribe/List" value="Show All EmailSubcribe Items"/>
                </h:form>
                <h:form>
                    <h:commandLink action="/enrolment/List" value="Show All Enrolment Items"/>
                </h:form>
                <h:form>
                    <h:commandLink action="/event/List" value="Show All Event Items"/>
                </h:form>
                <h:form>
                    <h:commandLink action="/faq/List" value="Show All Faq Items"/>
                </h:form>
                <h:form>
                    <h:commandLink action="/feedback/List" value="Show All Feedback Items"/>
                </h:form>
                <h:form>
                    <h:commandLink action="/function/List" value="Show All Function Items"/>
                </h:form>
                <h:form>
                    <h:commandLink action="/message/List" value="Show All Message Items"/>
                </h:form>
                <h:form>
                    <h:commandLink action="/payment/List" value="Show All Payment Items"/>
                </h:form>
                <h:form>
                    <h:commandLink action="/person/List" value="Show All Person Items"/>
                </h:form>
                <h:form>
                    <h:commandLink action="/prize/List" value="Show All Prize Items"/>
                </h:form>
                <h:form>
                    <h:commandLink action="/prizeCategory/List" value="Show All PrizeCategory Items"/>
                </h:form>
                <h:form>
                    <h:commandLink action="/role/List" value="Show All Role Items"/>
                </h:form>
                <h:form>
                    <h:commandLink action="/roleFunction/List" value="Show All RoleFunction Items"/>
                </h:form>
                <h:form>
                    <h:commandLink action="/speaker/List" value="Show All Speaker Items"/>
                </h:form>
                <h:form>
                    <h:commandLink action="/student/List" value="Show All Student Items"/>
                </h:form>
                <br/><br/>
            </div>

            <!--
            <div id="mnLeft">
                <ui:include src="index.xhtml"/>
               
              </div>
            -->
            <!-- TemplateBeginEditable name="mainContent" -->


            <div id="mainContent" style="width: 765px">
                <br/>
                <ui:insert name="body">Main Content</ui:insert>
            </div>

            <!-- TemplateEndEditable -->

            <div id="footerTop">
                <div class="footerTxt"><a href="">HOME</a></div>
                <div class="footerTxt"><a href="">EVENTS</a></div>
                <div class="footerTxt"><a href="">MY ACCOUNT</a></div>
                <div class="footerTxt"><a href="">SPEAKER</a></div>
                <div class="footerTxt"><a href="">PRIZE</a></div>
                <div class="footerTxt"><a href="">ABOUT US</a></div>
                <div class="footerTxt"><a href="">CONTACT US</a></div>
                <div class="footerTxt"><a href="">FAQ</a></div>
                <div class="footerTxt"><a href="">SITEMAP</a></div>
            </div>
            <!-- -->
            <div id="footer">KSC University Of Technology and Sciences © 2012 Privacy Policy </div>

        </div>
    </h:body>

</html>
